<!-- playground-fold -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sample</title>
</head>
<body style="background-color: var(--sapBackgroundColor); height: 300px;">
<!-- playground-fold-end -->

<ui5-tokenizer id='clear-all' show-clear-all multi-line style="width: 320px;">
    <ui5-token text="Andora"></ui5-token>
    <ui5-token text="Bulgaria"></ui5-token>
    <ui5-token text="Canada"></ui5-token>
    <ui5-token text="Denmark"></ui5-token>
    <ui5-token text="Estonia"></ui5-token>
    <ui5-token text="Finland"></ui5-token>
    <ui5-token text="Germany"></ui5-token>
    <ui5-token text="Hungary"></ui5-token>
    <ui5-token text="Ireland"></ui5-token>
    <ui5-token text="Japan"></ui5-token>
    <ui5-token text="Korea"></ui5-token>
    <ui5-token text="Latvia"></ui5-token>
</ui5-tokenizer>
<!-- playground-fold -->
    <script type="module" src="main.js"></script>
</body>
</html>
<!-- playground-fold-end -->

